




































    
            
        






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" ng-app="cnapp">


<head>
    



















    
            <link rel="stylesheet" type="text/css" media="screen" href="/css/lib-min.css" />
        








    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="/css/ie.css" />
    <![endif]-->

    





















    
            <link rel="stylesheet" type="text/css" media="print" href="/css/print-min.css" />
        






    
        <!-- MOBIFY - DO NOT ALTER - PASTE IMMEDIATELY AFTER OPENING HEAD TAG -->
        <script type="text/javascript">/*<![CDATA[*/(function(a){function b(a,b){if(+a)return~a||(d.cookie=h+"=; path=/");j=d.createElement(e),k=d.getElementsByTagName(e)[0],j.src=a,b&&(j.onload=j.onerror=b),k.parentNode.insertBefore(j,k)}function c(){n.api||b(l.shift()||-1,c)}if(this.Mobify)return;var d=document,e="script",f="mobify",g="."+f+".com/",h=f+"-path",i=g+"un"+f+".js",j,k,l=[!1,1],m,n=this.Mobify={points:[+(new Date)],tagVersion:[6,1],ajs:"//a.mobify.com/details-2/a.js"},o=/((; )|#|&|^)mobify-path=([^&;]*)/g.exec(location.hash+"; "+d.cookie);o?(m=o[3])&&!+(m=o[2]&&sessionStorage[h]||m)&&(l=[!0,"//preview"+g+escape(m)]):(l=a()||l,l[0]&&l.push("//cdn"+i,"//files01"+i)),l.shift()?(d.write('<plaintext style="display:none;">'),setTimeout(c)):b(l[0])})(function(){if(/ip(hone|od)|android.*(mobile)|blackberry.*applewebkit/i.test(navigator.userAgent)){return[1,"//cdn.mobify.com/sites/details-2/production/mobify.js"]}return[0,Mobify.ajs]})/*]]>*/</script>
        <!-- END MOBIFY -->
    

    
        <script src="//assets.adobedtm.com/6372cf21ef88ee60bc2977a4898dcb5c7945a212/satelliteLib-edd1e66f99f849160bd72678c08a3b1e5ddad5d8.js"></script>
    

    <!-- MAIN -->
    
    
    

    

        


    
    
    
    
    

    

    







    
    



        
        
        
        
        
        
        
                <title>Going Gray: Perfect Wardrobe :  Details</title>
             
    



    



















    
            <script type="text/javascript" src="/js/details_global.js"></script>
        











    




























<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="Author" content="Details Magazine" />
<meta name="Copyright" content="Copyright (c) Cond&#233; Nast 2015" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="ROBOTS" content="NOARCHIVE" />



<meta name="description" content="This season, designers updated a classic color by way of modern silhouettes both tailored and casual. The verdict? The most effortless way to transition into fall is all in the shading." />
<meta name="distribution" content="Global" />
<meta name="format-detection" content="telephone=no" />



    
            
    

    
            
    

    
            
    

    
            
    

    
            
    

    
            
    

    
            
    

    
            
    

    
            
    

    
            
    

    
            
    



<meta name="keywords" content="style and advice, perfect wardrobe, Menswear, gray suits, gray shirts, gray pants, gray coats, gray sweaters, fashion and style, fashion, style" />


    
    








    <link rel="canonical" href="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall" />

<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/css/i/icons/touch_icon.png" />







                  
            



    



    <meta property="fb:admins" content="648235154, 789168297, 688620285" />






    
    <meta property="og:image" content="http://www.details.com/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg"/>

<meta property="og:site_name" content="Details"/>

        <meta property="og:title" content="Going Gray" />
    
<meta property="og:url" content="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall"/>
<meta property="og:type" content="article"/>












    





        
    




    
        
        
    





    
        
    
        
    





    
        
            
                
            
        
    





    

    

    

    

    

    

    

    

    

    

    


<meta name='parsely-page' content='{"title": "Going Gray: Perfect Wardrobe","link": "http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall","image_url": "http://www.details.com/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg","type": "post","post_id": "2000000002815870","pub_date": "2014-07-31T00:00:00Z","section": "Fashion Style","author": "Robert Nethery","tags": ["style and advice","perfect wardrobe","Menswear","gray suits","gray shirts","gray pants","gray coats","gray sweaters","fashion and style","fashion","style"]}'>









<script type="text/javascript">
CN.config.set({
  title        : "Going Gray: Perfect Wardrobe",
  url          : 'http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall',
  description  : "This season, designers updated a classic color by way of modern silhouettes both tailored and casual. The verdict? The most effortless way to transition into fall is all in the shading.",
  keywords     : "style and advice, perfect wardrobe, Menswear, gray suits, gray shirts, gray pants, gray coats, gray sweaters, fashion and style, fashion, style",
  facebook     : {pageid: "7477053657"},
  isiFrame     : true
});
</script>



    <script type="text/javascript">
        CN.site.init({
            env: 'PROD',
            code: 'DET',
            title: 'Details',
            name: 'details',
            tld: 'details.com',
            alias: 'Details.com',
            eventTrackingUrl: 'http://result.details.com',
            eventTrackingEnv: 'PROD',
            mobilecompatible: 'true',
            httpStatusCode: 200,
            userServiceUrl: 'http://user-service.condenastdigital.com',
            userServiceKey: 'J6NITViWkLrv6w8esxQOtMejg1E=',
            ecomUrl: 'https://subscribe.details.com/api/circ/xml/Transaction',
            litereg: 'true'
        });

    </script>

    
    

    
        
        
    

    
        
        
    

    
        
        
    

    

    
    

    
    





































        
            
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
            



























    









                                
                


    



    



    



    



    




    



    








    

    





















    
            <script type="text/javascript" src="/js/details_top.js"></script>
        









    
    <script type="text/javascript" src="//use.typekit.net/wym7qef.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

    
        
            
        
    

    














<script type="text/javascript">
    var defaultHost = "www.details.com";
    var secureHost = "secure.details.com";
    var isSecure = location.protocol == "https:" ? true : false;
</script>


    
        <script type="text/javascript" src="http://event.details.com/js/eventTracker.js"></script>
    

    

    

    <link rel="stylesheet" type="text/css" media="Screen" href="/css/list.css" />
    
    
            
            


















    




       
    



    




























<script type="text/javascript">
    CN.config.set({
        hasIntro   : false,
        playTimer  : 5,
        transition : 'standard',
        contentId  : 2000000002815870,
        viewAll    : true,
        carousel   : true,
        imagelist  : false,
        viewLarger : true
    });

            // Adds classes for rendering based on intro and hash state
    (function() {
        var fragment = CN.url.getFragment(),
            slide    = CN.url.params().slide;

                // For page rendering purposes, we have a visible intro if we hit the page without a fragment id
        if (CN.page.config.hasIntro === true && ((fragment === false || fragment === 'intro') && !slide)) {
            jQuery('html').addClass('slideshow-hasintro-true');
        }

                // If DCT turns off intro page, we show intro if it exists
        if (CN.page.config.hasIntro === false) {
            jQuery('html').addClass('slideshow-showintro-true');
        }

                // Showing the initial JSP-provided slide depends on whether the URL agrees with the JSP provided slide
        if (fragment === false || fragment === 'slide=1' || fragment === 'intro' || (fragment === false && slide)) {
            jQuery('html').addClass('slideshow-showinitial-true');
        } else {
            jQuery('html').addClass('slideshow-showinitial-false');
        }
    })();
</script>

    

    


   
     

   
     



























   
      
     




  




























    

    

    




    
    
        
         <style>
#wrapper {
background:none;
position: static;
}

.slideOverlay .content-headline,
.listE .details-headline h1,
.home .set15 h3.header a,
.channel-page .set15 h3.header a,
#page-tail .features.set4 .carousel h3.header a {
  text-transform: none;
}

.home #hp-rotator {
overflow: hidden !important;
}
#hp-rotator .features {
z-index:0; 
}
#hp-rotator .features .feature-dartad {
top: 0;
}
.listE .itemA .item-text b:first-child {
padding-top: 0 !important;
display: inline;
}

.features div.videooverlay a > .playbutton {
display: none;
}
#topBannerAd .displayAd {
width: auto;
display: inline-block;
}

/*Hide rightrail A and right Rail B for following articles and slideshows
* This is a hotfix specfic to campaign.
*/
.s_fashion-style.ss_perfect-wardrobe.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_perfect-wardrobe.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_rules-of-style.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_rules-of-style.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_perfect-wardrobe.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_B,
.s_fashion-style.ss_perfect-wardrobe.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_B,
.s_fashion-style.ss_rules-of-style.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_B,
.s_fashion-style.ss_rules-of-style.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_B{
    display: none !important;
}
.listC #wrapper {
   background:none !important;
}
#in-stream900x90_frame > div {
background: #fff;
}
.ad-insteam {
text-align: center;
}
#yrail_ads_top .yrail_ad_wrap.noscroll {
margin-left: 0 !important;
position: static !important;
}
#rolloverAd.hideComponent,
#AMS_DET_GLOBAL_SLIDESHOW_RIGHTRAIL.hideComponent{
    display: none !important;
}
</style>
<script type="text/javascript">
jQuery(function(){
    if(/(american-fashion-menswear-designers-style-trends|america-fashion-inventions|classic-american-fashion-brands|quintessentially-american-fashion-archetypes|made-in-america-grooming-products|john-varvatos-thom-browne-and-michael-bastian-talk-american-style|public-school-woolmark-american-menswear-finalists-2014|fashion-style\/rules-of-style|blogs\/.*rules-of-style)/.test(location.pathname)){
        jQuery('#AMS_DET_GLOBAL_RIGHTRAIL_A,#rolloverAd').addClass('hideComponent');
        jQuery(window).on('hashchange',function(){
            jQuery('#AMS_DET_GLOBAL_SLIDESHOW_RIGHTRAIL').addClass('hideComponent');
        });
        jQuery(function(){
            setTimeout(function(){jQuery('#AMS_DET_GLOBAL_SLIDESHOW_RIGHTRAIL').addClass('hideComponent')},200);
        });
    }else {
        if(!(/^\/$/.test(location.pathname)) && !jQuery('body').hasClass('listC') && !jQuery('body').hasClass('listE')){
            CN.popups.setLayer(true).setExiting(false).init();
        }
    }
});



if(/^\/(fashion-style|body-health|grooming|culture-trends)?\/?$/.test(location.pathname)) {
    jQuery(window).on('CN.customEvents.GPTAdsRendered',function(){
        if(jQuery('#yrail_ads_top').length && jQuery('#yrail_ads_top .yrail_ad_wrap').outerHeight() > 1000) {
           jQuery('#yrail_ads_top .yrail_ad_wrap').addClass('noscroll');
        }
    });
    
    jQuery(window).scroll(function(){
        if(jQuery('#yrail_ads_top').length && jQuery('#yrail_ads_top .yrail_ad_wrap').outerHeight() > 1000) {
           jQuery('#yrail_ads_top .yrail_ad_wrap').addClass('noscroll');
        }
    });
}else if (/^\/(fashion-style)\/(rules-of-style|perfect-wardrobe)\/201006\//.test(location.pathname)){
    /*CN.popups.setLayer(false).setExiting(false).setArriving(false).init();
    jQuery(function(){
        jQuery('.home #rolloverAd').addClass('hide');
    });*/
}
else {
 //CN.popups.setLayer(true).setExiting(false).init();
}
    CN.ecom.rolloverAd.setOffset(1, -29).timeout(3);

</script>
        
    


    






    
    
    
    
    
    
    

    
    

    
    

    
    

    
    
        
    

    

    

    
            <script type="text/javascript">
    //<!--
        
        CN.dart.init({
            adUnits: {
                    unit1: 'details.dart',
                    unit2: 'fashion_style;',
                    unit3: 'perfect-wardrobe',
                    unit4: '201408'
                },
            contentId: '2000000002815870',
            contentType: 'List',
            kws:[ "list","fashion-style","perfect-wardrobe","gray-shirts-sweaters-pants-suits-coats-for-fall","201408"],
            charmap : {' ' : '+', '-' : '_'},
            useOneAdCall : true,
            gptCallback : function(ad){
           if(ad) {
                if ( ad.size[0] == 1 && ad.size[1] == 1 && !ad.isEmpty) {
                    jQuery('#floatingAd').addClass('hide');
                }
             }
        }
        });
    //-->
    </script>
        



    
    

    <script>
        CN.dart.oneAdCall({'header': {sz:'728x90', kws:["top"]},
                'trail': {sz:'184x64', kws:["top"]},
                'yrailTop': {sz:'300x250', kws:["top"]},
                'yRailBottom': {sz:'300x250', kws:["bottom"]},
                'PolarAdDiv3': {sz:'315x200', kws:[]}});
    </script>
</head>

<body class="s_fashion-style ss_perfect-wardrobe c_201408 listC listCitemB" ng-controller="PageCtrl">
    




    
    <misc:replaceString var="canonicalUrl" input="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall" regex="(.*)/$" substitution="$1" />




    



        
    

<!--Adobe Target Mbox-->
<script>promoKeywords='default';</script>

<div class="mboxDefault"></div>

<script type="text/javascript">
    /** Encode special characters in a string*/
    var htmlEncode = (function(str) {
        var map = {"&":"amp", "<":"lt", ">":"gt", '"':"quot", "'":"#39"};
        return str.replace(/[&<>"']/g, function(match) { return "&" + map[match] + ";"; });
    });
    var mboxDesc = jQuery("meta[name='description']").attr('content') || '';
    mboxCreate(
    'det_ed_global',
    'entity.id=2000000002815870',
    'entity.name=' + htmlEncode(mboxDesc),
    'entity.categoryId=List',
    'entity.pageUrl=http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall',
    'entity.thumbnailUrl=/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg',
    'entity.inventory=1',
    'entity.value=1',
    'entity.brand=details'
    );
</script>
<!--End Adobe Target Mbox-->


    <!-- Polar metadata placeholders -->
    <div style="display: none">
        
        <div id="PolarAdDiv3315x200_frame"></div>
    </div>

    
    























    





































        
            
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
                
                    
                
            
            



























    









                                
                


    



    



    



    



    




    



    








    
    
            <script type="text/javascript" src="/js/ecomfw.min.js"></script>
            <script type="text/javascript" src="/js/details_ecom.js"></script>
        
    <script type="text/javascript">
        window._ghearst_vars = (function() {

        if( typeof metaKeyWords === "undefined" ){
            metaKeyWords = "";
        }

        return {
            'ams_ads_script_src': 'http://subscribe.details.com/ams/page-ads.js?ad_category_prefix=fashion-style&keywords='+metaKeyWords+'&browser_path=%2Ffashion-style%2Fperfect-wardrobe%2F201408%2Fgray-shirts-sweaters-pants-suits-coats-for-fall&cat_prefixes=%2Cfashion-style%2Cperfect-wardrobe%2C201408%2Cgray-shirts-sweaters-pants-suits-coats-for-fall&position_list=AMS_DET_GLOBAL_SLIDESHOW%2CAMS_DET_POPUP_FLOATINGAD%2CAMS_DET_GLOBAL_NAVBAR_ROLLOVER%2CAMS_DET_GLOBAL_RIGHTRAIL_A%2CAMS_DET_GLOBAL_RIGHTRAIL_B%2CAMS_DET_GLOBAL_EMBEDDEDFORM%2CAMS_DET_GLOBAL_FOOTER%2CAMS_DET_GLOBAL_FOOTER_TEXTLINK%2CAMS_DET_GLOBAL_MAGAZINE_SUBNAV%2CAMS_DET_GLOBAL_NAVBAR%2CAMS_DET_HOMEPAGE_HEADERCALLOUT%2CAMS_DET_GLOBAL_HEADER%2CAMS_DET_LITEREG_SUBSCRIBE&site_prefix=details&subdomain=www&url_name=gray-shirts-sweaters-pants-suits-coats-for-fall'
        }
    })();

        (function($) {
            var show = function() {
                $('.ecom-placement').each(function() {
                    $(this).css('visibility', 'visible');
                });
            };
            
            $LAB.script(_ghearst_vars.ams_ads_script_src)
                .wait(function() {
                    
                    CN.hearstQue.run(window.pageAds);
                    jQuery(window).trigger('CN.custom.event.ecomLoaded');
                });

            
            setTimeout(show, 10 * 1000);
        }(jQuery));
    </script>







    
    







































    


<!-- Floating Ad Template -->
<div id="floatingAd" style="display:none;">
    <div id="floatingAd_header">
        <a href="#">Close</a>
    </div>
    <div id="floatingAd_content">
        





































        <div id="AMS_DET_POPUP_FLOATINGAD" class="ecom-placement">
            <a href="http://www.details.com/go/failsafe" target="_blank"><img border="0" src="/images/ecom/failsafe/DET_popup_floating.jpg" alt="Subscribe to Details" title="Subscribe to Details" /></a>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_POPUP_FLOATINGAD !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_POPUP_FLOATINGAD");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_POPUP_FLOATINGAD").html(pageAds.AMS_DET_POPUP_FLOATINGAD.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
    </div>
</div>



<div id="wrapper">
     
        <div id="header" class="sticky">
            
                
                    <div id="topBannerAd" style="display: none">
                        











        <div id="header728x90_frame" class="displayAd displayAd728x90Js" data-cb-ad-id="header728x90_frame"></div>
    

                    </div>
                
            
            


        <div class="header-position">
            <div id="logo">
                <a title="Go to the Details homepage" href="/"><img alt="Details" src="/css/i/global/desktop_logo.png" /></a>
            </div>
            <div class="header-menu">
                <a><img alt="Details" src="/css/i/global/header_menu.png" /></a>
                










    
        
            
            
                
                        
                            
                                
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                            
                    
            
        
        
            
            
                
                        
                            
                    
            
        
        
            
            
                
                        
                            
                                
                                
                                    
                                
                            
                                
                                
                                    
                                
                            
                    
            
        
        
    


    <div id="global-nav">
        <ul id="global-nav-menu">
            <li class="Ham_arrowUp"></li>
            <li id="nav-home"><a   href="/" title="">Home</a></li>
                        <li id="nav-fashion-style"><a   href="/fashion-style" title="">Fashion & Style</a></li>
                        <li id="nav-body-health"><a   href="/body-health" title="">Body & Health</a></li>
                        <li id="nav-grooming"><a   href="/grooming" title="">Grooming</a></li>
                        <li id="nav-culture-trends"><a   href="/culture-trends" title="">Culture & Trends</a></li>
                        <li id="nav-ultimate-guides"><a   href="/ultimate-guides/all" title="">Ultimate Guides</a></li>
                        <li id="nav-video"><a   href="http://video.details.com/" title="">Video</a></li>
                        <li id="nav-style-network"><a   href="http://network.details.com/" title="">Details Network</a></li>
                        <li id="nav-promotions-events"><a   href="http://www.detailsinsider.com/" title="">Promos & Events</a></li>
                        <li id="nav-magazine"><a   href="/magazine" title="">Magazine</a></li>
        </ul>
        <hr />
            
                <div id="global-sub-menu">
                    <ul id="subnav-fashion-style">
                                        
                                        <li class="first"><a href="/fashion-style/what-to-wear-now">What to Wear Now</a></li>
                                        
                                        <li><a href="/fashion-style/designers">Designers</a></li>
                                        
                                        <li><a href="/fashion-style/street-style">Street Style</a></li>
                                        
                                        <li><a href="/fashion-style/style-tips">Style Tips</a></li>
                                        
                                        <li><a href="/fashion-style/fashion-week">Fashion Week</a></li>
                                        
                                        <li><a href="/fashion-style/models">Models</a></li>
                                        
                                        <li><a href="/fashion-style/watches">Watches</a></li>
                                        
                                        <li><a href="/fashion-style/shoes">Shoes</a></li>
                                        
                                        <li><a href="/fashion-style/suits">Suits</a></li>
                                        
                                        <li><a href="/fashion-style/eyewear">Eyewear</a></li>
                                        
                                        <li class="last"><a href="/fashion-style/coats-jackets">Coats & Jackets</a></li>
                                        
                                        
                                            </ul>
                                        
                                            <ul id="subnav-body-health">
                                        
                                        <li class="first"><a href="/body-health/exercise-workout">Exercise & Workout</a></li>
                                        
                                        <li><a href="/body-health/food-diet">Food & Diet</a></li>
                                        
                                        <li><a href="/body-health/psyche">Psyche</a></li>
                                        
                                        <li><a href="/body-health/sex-relationships">Sex & Relationships</a></li>
                                        
                                        <li><a href="/body-health/health-myths">Health Myths</a></li>
                                        
                                        <li class="last"><a href="/body-health/alternative-practices">Alternative Practices</a></li>
                                        
                                        
                                            </ul>
                                        
                                            <ul id="subnav-grooming">
                                        
                                        <li class="first"><a href="/grooming/hair">Hair</a></li>
                                        
                                        <li><a href="/grooming/fragrance">Fragrance</a></li>
                                        
                                        <li><a href="/grooming/body-face">Body & Face</a></li>
                                        
                                        <li class="last"><a href="/grooming/shaving">Shaving</a></li>
                                        
                                        
                                            </ul>
                                        
                                            <ul id="subnav-culture-trends">
                                        
                                        <li class="first"><a href="/culture-trends/celebrities">Celebrities</a></li>
                                        
                                        <li><a href="/culture-trends/movies-tv">Movies & TV</a></li>
                                        
                                        <li><a href="/culture-trends/music-books">Music & Books</a></li>
                                        
                                        <li><a href="/culture-trends/food-drink">Food & Drink</a></li>
                                        
                                        <li><a href="/culture-trends/tech-gear">Tech & Gear</a></li>
                                        
                                        <li><a href="/culture-trends/home-interiors">Home & Interiors</a></li>
                                        
                                        <li><a href="/culture-trends/sports">Sports</a></li>
                                        
                                        <li><a href="/culture-trends/art-design">Art & Design</a></li>
                                        
                                        <li><a href="/culture-trends/cars">Cars</a></li>
                                        
                                        <li><a href="/culture-trends/travel">Travel</a></li>
                                        
                                        <li class="last"><a href="/culture-trends/critical-eye">Critical Eye</a></li>
                                        
                                        
                                            </ul>
                                        
                                            <ul id="subnav-ultimate-guides">
                                        
                                        <li class="first"><a href="/ultimate-guides/2014-holiday-gift-guides">Gift Guides</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-hairstyles-cuts-for-men">Hairstyles & Cuts</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-watches-for-men">Watches Buying Guide</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-grooming-products-awards">Grooming Products & Awards</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-tailoring-suit">Tailoring Tips</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-house-home">House & Home</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-travel">Travel Destinations</a></li>
                                        
                                        <li><a href="/ultimate-guides/best-street-style">Street Style Top Picks</a></li>
                                        
                                        <li><a href="/ultimate-guides/classic-hollywood-style">Celebrity Style</a></li>
                                        
                                        <li class="last"><a href="/ultimate-guides/all">See All</a></li>
                                        
                                        
                                            </ul>
                                        
                                            <ul id="subnav-magazine">
                                        
                                        <li class="first"><a href="/magazine/details-mobile-ipad-nook-kindle-zinio-android">Tablet Editions</a></li>
                                        
                                        <li><a href="/celebrities-entertainment/cover-stars/201003/details-anniversary-best-of-cover-stars#slide=1">A Decade of Covers</a></li>
                                        
                                            <li class="last">





































        <div id="AMS_DET_GLOBAL_MAGAZINE_SUBNAV" class="ecom-placement">
           <a href="http://www.details.com/go/failsafe" target="_blank" title="Subscribe to Details magazine">Subscribe</a>
           












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_MAGAZINE_SUBNAV !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_MAGAZINE_SUBNAV");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_MAGAZINE_SUBNAV").html(pageAds.AMS_DET_GLOBAL_MAGAZINE_SUBNAV.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    </li>
                                       
                                        
                                            </ul>
                </div>
            
    </div>




            </div>
            <div class="header-search">
                <a id="search-icon" href="#"></a>
                








        <form name="search_form_rail" id="search_form_rail" action="/search" class="paginatorForm" method="get">
            <div class="row">
                <input type="hidden" name="qt" value="dismax" />
                <input type="hidden" name="sort" value="score desc" />
                <input type="text" name="query" id="results-search-rail" value="" />
                <button name="submit" class="submit" id="submit_rail" title="Search" type="submit">Submit</button>
            </div>
        </form>
    
            </div>

            
                










    
        
            
            
                
                        
                        
                        
                    
            
        
        
            
            
                
                        
                        
                        
                    
            
        
        
            
            
                
                        
                        
                        
                    
            
        
        
            
            
                
                        
                        
                        
                    
            
        
        
    


<div id="sub-nav">
    <ul id="sub-nav-menu">
        <li id="nav-resolutions"><a   href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises" title="">Resolutions</a></li>
                        <li id="nav-best-dressed-list"><a   href="/fashion-style/style-tips/201412/best-dressed-men-2014#/slide=1" title="">Best-Dressed List</a></li>
                        <li id="nav-Video"><a   href="http://video.details.com" title="">Video</a></li>
                        <li id="nav-details_network"><a   href="http://network.details.com/" title="">Details Network</a></li>
        <li id="navbar-ecom">
        





































        <div id="AMS_DET_GLOBAL_NAVBAR" class="ecom-placement">
            <a class="subscribe" href="http://www.details.com/go/failsafe" target="_blank" title="Subscribe to Details magazine">Subscribe</a>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_NAVBAR !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_NAVBAR");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_NAVBAR").html(pageAds.AMS_DET_GLOBAL_NAVBAR.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
        
            





<!-- Rollover Ad Template for instance rolloverAd-->
<div id="rolloverAd" class="rolloverAd" style="display:none;">
    <div id="rolloverAd_header" class="rolloverAd_header">
        <a href="#">Close</a>
    </div>
    <div id="rolloverAd_content" class="rolloverAd_content">
        





































        <div id="AMS_DET_GLOBAL_NAVBAR_ROLLOVER" class="ecom-placement">
        <a href="http://www.details.com/go/failsafe" target="_blank"><img border="0" src="/images/ecom/failsafe/DET_navbar_rollover.jpg" alt="Subscribe to Details" title="Subscribe to Details" usemap="#rollovermap"/></a>
        
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_NAVBAR_ROLLOVER !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_NAVBAR_ROLLOVER");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_NAVBAR_ROLLOVER").html(pageAds.AMS_DET_GLOBAL_NAVBAR_ROLLOVER.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
        var callback = { func: MAGNET.ecom.rolloverAd.init,params: ['rolloverAd'] };
        callback.func.call(CNP.ecom, callback.params);
    
});

</script>



        
        </div>
    
    </div>
    <div id="rolloverAd_footer" class="rolloverAd_footer"></div>
</div>

        
        </li>
    </ul>
    
</div>



            

            <div class="header-social-icons">
                <ul>
                    <li id="instagram"><a target="_blank"  href="http://instagram.com/detailsmag"></a></li>
                    <li id="tumbler"><a target="_blank"  href="http://details.tumblr.com/"></a></li>
                    <li id="facebook"><a target="_blank"  href="https://www.facebook.com/DETAILS"></a></li>
                    <li id="twitter"><a target="_blank"  href="https://twitter.com/details"></a></li>
                    <li id="pinterest"><a target="_blank"  href="http://www.pinterest.com/detailsmag/"></a></li>
                </ul>
            </div>
            <div id="header-subs">
                





































                





































        <div id="AMS_DET_HOMEPAGE_HEADERCALLOUT">
            <img border="0" src="/images/ecom/failsafe/DET_headercallout_300x75.png" alt="Subscribe to Details" title="Subscribe to Details" usemap="#headercalloutmap"/>
            <map name="headercalloutmap">
                <area shape="rect" coords="0,0,309,50" href="http://www.details.com/go/failsafe" alt="Subscribe Now">
                <area shape="rect" coords="20,50,118,80" href="http://www.details.com/go/failsafe" alt="Subscribe Now">
                <area shape="rect" coords="134,50,151,80" href="http://www.details.com/go/giftfailsafe" alt="Gift">
                <area shape="rect" coords="168,50,206,80" href="https://w1.buysub.com/pubs/N3/DET/login_3_methods.jsp?cds_page_id=3489" alt="Renew">
                <area shape="rect" coords="219,50,288,80" href="http://www.details.com/go/internationalfailsafe" alt="International">
            </map>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_HOMEPAGE_HEADERCALLOUT !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_HOMEPAGE_HEADERCALLOUT");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_HOMEPAGE_HEADERCALLOUT").html(pageAds.AMS_DET_HOMEPAGE_HEADERCALLOUT.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
            </div>
        </div>
    


        </div>
    

    

    

    <div id="page-wrapper"><!-- Added for full width -->
    <div id = "page">
        

        <!-- HOME PAGE,CULTURE TRENDS,STYLE ADVICE,CELEBRITIES ENTERTAINMENT,HEALTH FITNESS,VIDEO,MAGAZINE-->

        
        <!-- START TOP RAIL -->
        
            
                

























    
        
        
        

        
            
            
            
                            
            
                
                
                    
                    
                     
                    










    











    
    














    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
            
        
        
            
        
        
        



     



      







     



      








     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
            
        
        
        
        



     



      







     



      








     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
            
        
        
        
        



     



      







     



      








     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
            
        
        
        
        



     



      







     



      








     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                




            
    









    
    
    
    






    















                    
                    
                

                
                
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
            
            
        
    

    



















    <!-- start toprail -->
    
            <div id="toprail">
            
                
                <div id="position1_toprail"><div id="ps1_fs1_toprail" class="features"><div class="feature manual imagetop first">
    
        
        <h3 class="header">
            
                Now <br />Trending
            
        </h3>
    </div><div class="feature manual imagetop">
  

       
            
               
             
       

    
    
    

    
        <div class="captioned-photo">
         
    



        

    


















        
        
    




    
            <div class="w"><a href="/culture-trends/home-interiors/201412/interior-design-trends-2015#/slide=1" title=""><img class="lazy" data-original="/images/index-headers/trail/december-2014/design-predictions-Houzz.jpg" src="/images/global/dot.png" alt="" class="featureimg"   /><noscript><img src="/images/index-headers/trail/december-2014/design-predictions-Houzz.jpg" alt="" class="featureimg"   /></noscript></a></div>
        





        

    
        </div>
    
        
        <h3 class="header">
            
                <a href="/culture-trends/home-interiors/201412/interior-design-trends-2015#/slide=1">10 Home Design Predictions for 2015</a>
            
        </h3>
    </div><div class="feature manual imagetop">
  

       
            
               
             
       

    
    
    

    
        <div class="captioned-photo">
         
    



        

    


















        
        
    




    
            <div class="w"><a href="/fashion-style/style-tips/201412/best-dressed-men-2014#/slide=1" title=""><img class="lazy" data-original="/images/fashion-style/201412/best-dressed-men-2014/best-dressed-men-2014-search-thumb.jpg" src="/images/global/dot.png" alt="" class="featureimg"   /><noscript><img src="/images/fashion-style/201412/best-dressed-men-2014/best-dressed-men-2014-search-thumb.jpg" alt="" class="featureimg"   /></noscript></a></div>
        





        

    
        </div>
    
        
        <h3 class="header">
            
                <a href="/fashion-style/style-tips/201412/best-dressed-men-2014#/slide=1">The Best-Dressed Men of 2014</a>
            
        </h3>
    </div><div class="feature manual imagetop">
  

       
            
               
             
       

    
    
    

    
        <div class="captioned-photo">
         
    



        

    


















        
        
    




    
            <div class="w"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises" title=""><img class="lazy" data-original="/blogs/daily-details/details-running-weight-loss-2014-thumb.jpg" src="/images/global/dot.png" alt="" class="featureimg"   /><noscript><img src="/blogs/daily-details/details-running-weight-loss-2014-thumb.jpg" alt="" class="featureimg"   /></noscript></a></div>
        





        

    
        </div>
    
        
        <h3 class="header">
            
                <a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises">New Year's Resolutions Guide</a>
            
        </h3>
    </div><div class="feature-dartad">
        











        <div id="trail184x64_frame" class="displayAd displayAd184x64Js" data-cb-ad-id="trail184x64_frame"></div>
    

        </div></div></div>
                
            
                
            
                
            
                
            
                
            
                
            
            </div>
        

    <!-- end toprail -->

    










            
        
        <!-- END TOP RAIL-->


        <div id="content">
            
                




    
    



    <ul id='bc' title='Navigation Trail'>
        
            
                <li class='first'>
                
                    <a href="/">Home</a>
                
                </li>
            
        
            
                <li >
                
                    <a href="/fashion-style/">Fashion & Style</a>
                
                </li>
            
        
            
                <li >
                
                    Perfect Wardrobe
                
                </li>
            
        
    </ul>


            

            <script type="text/javascript">
                CN.page = CN.page || {};
                CN.page.type = 'List';
            </script>

            

            

            

            <div id="main">
                

                
                        <div class="list">
    
    

        
        

            <div class="headers-container">

                <div class="headers">

                    

                    
                        
                        








        
            <h1 class="content-headline">Going Gray</h1>
        
    


                        
                    

                    
                        
                        





 
    
         
            
                <h2 class="sub-header"><span>This season, designers updated a classic color by way of modern silhouettes both tailored and casual. The verdict? The most effortless way to transition into fall is all in the shading.</span></h2>
            
        
  



                        
                    

                    
                        
                        














    
    

    

    

    
        
            
            

            
        
    

    

    

    

    


    

    

    









    

    
        <div class="byline">
            <div class="contributors"><div class="contributor-type first last"><span class="contributor"><strong class="label">Photographs by  </strong><span class="name"><a href="/contributors/robert-nethery">Robert Nethery</a></span><span class="contributor-divider"></span><span class="contributor-type-divider"></span></span></div></div>
        </div>
    



    








      <div class="display-date">
          

          

          
              
              
             
                    
                  
          

          
          

          <!-- MMMM yyyy -->
          
          
              
              
              Friday, August 01, 2014
            

          
          


          
           

      </div>
  


                        
                    

                </div>

            </div>

        
        
        
            <div class="social-utilities">
                






































































    <ul class="utilities utilities-social-top">

        
            
                    <li class="utility-fb-share"></li>
                
        
            
                    <li class="utility-tweet"></li>
                
        
            
                    <li class="utility-gplusone">
                        <g:plusone></g:plusone>
                    </li>
                
        
            
                    <li class="utility-reddit-share"></li>
                
        
            
                    <li class="utility-stumble-upon"></li>
                
        
            
                    
                    <li class="utility-pinit">
                    </li>
                
        
            
                    <li class="utility-tumblr"></li>
                
        

    </ul>



















                <span class="more-actions"></span>
                






































































    <ul class="utilities utilities-right top hidden">

        
            
                    
                    
                    <li class="utility-print"><a href="/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall?printable=true" title="Print this page">Print</a></li>
                
        

    </ul>



















            </div>
        

        


        
        

            <div class="intro-container">

                <div class="intro">

                    
                    











      
  













                    

                    <div class="intro-text">

                        
                            
                            
                            










                            
                            
                        

                        
                            
                            
                            






                            
                            
                        

                    </div>

                </div>

            </div>

        
        

    

    
    

    
    <div id="items-container">

        
        
            <div class="control-bar " id="show-header">
                <div class="start"><a href="#">Play Slideshow</a></div>
                <div class="stop"><a href="#">Pause</a></div>
                
                    <div class="viewlarger"><a href="#">View Larger</a></div>
                
                
                    <div class="viewall"><a href="#">View All Thumbnails</a></div>
                
                <div class="previous"><a href="?slide=10" title="Previous slide">Previous</a></div>
                <div class="count">1 of 10</div>
                <div class="next"><a href="?slide=2" title="Next slide">Next</a></div>
            </div>
        
        

         
        
        

        


        
        
            <div class="slideshow-items items">
                <div class="first-slide">
                    
                    
                        
                        
                        
                        
                        
                        
                        

























    




















<div class="item itemB">

    
    <!-- <div class="alt numbers">1</div> -->

    
            <div class="captioned-photo">
        


















        
        
    




    
            <div class="w"><img itemprop="image" src="/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-VSS.jpg" alt="" class=&#38;#34;featureimg&#38;#34;   /></div>
        




        
        
        
    </div>
            
                <div class="item-inner">
                    <div class="headers-container">
        <div class="headers">

            
                
                
                    
                
                






                
                
            

            
                
                
                
                    
                
                










                
                
            

            



        </div>
    </div>
                    <div class="item-text">
       


        

        

            
                <div class="body">
                    <p><i>Blazer and vest by <a href="http://www.zegna.com/us/ermenegildo-zegna/couture.html" target="_blank">Ermenegildo Zegna Couture</a>. Shirt by <a href="http://us.carven.com/us_en/?SID=4mju24sg49f4qq8p3fg33q6out5hng66" target="_blank">Carven</a>.</i></p> 
                </div>
            

            

            
            

            
                
                









<div class="footer">





</div>

                
            

            

        

        
        


    </div>
                </div>
            
        

</div>




                    
                </div>
            </div>
        
        

        
        
        


        
        <div id="item-navigation-container"></div>

        
        
            <div class="control-bar " id="show-footer">
                <div class="start"><a href="#">Play Slideshow</a></div>
                <div class="stop"><a href="#">Pause</a></div>
                
                    <div class="viewlarger"><a href="#">View Larger</a></div>
                
                
                    <div class="viewall"><a href="#">View All Thumbnails</a></div>
                
                <div class="previous"><a href="?slide=10" title="Previous slide">Previous</a></div>
                <div class="count">1 of 10</div>
                <div class="next"><a href="?slide=2" title="Next slide">Next</a></div>
            </div>
        
        

        
        
            <script type="text/javascript">
                        // We need to disable the controls immediately, placing this in external script requires a delay until yrail ads come back.
                        // There MUST be an error handler for the slideshow ajax call that deletes this div if data fails, otherwise the
                        // slideshow will be unusable!
                jQuery('<div class="slideshow-loading"></div>').appendTo('.control-bar');
                jQuery('<div class="slideshow-loading-message">Loading Slideshow</div>').appendTo('.items');
            </script>
        

    </div>
    

    
    
    

    
    

    
    

    
    <div class="list-supporting">
        
            
            









<div class="footer">





</div>

            
        
        
             
    <div class="photo-credits">Styling by Benjamin Sturgill. Grooming by Martin-Christopher Harper at Platform using Aveda. Casting by Edward Kim at The Edit Desk. </div>


            













   
   
   

   
   
   

   

   

   

   

   

   

   
   
   

   
   
   

   
   
   



   


   


   


   


   




<div class="keywords">
  <dl>
    <dt>Keywords</dt>
    <dd><a href="/about/style-and-advice">style and advice</a>, </dd>
            
            
            








            
            
            
            
                <dd><a href="/about/perfect-wardrobe">perfect wardrobe</a>, </dd>
            
            
            








            
            
            
            
                <dd><a href="/about/fashion-and-style">fashion and style</a>, </dd>
            
            
            








            
            
            
            
                <dd><a href="/about/fashion">fashion</a>, </dd>
            
            
            








            
            
            
            
                <dd><a href="/about/style">style</a></dd>
  </dl>
</div>



        
    </div>
    

    



    
    

    
    

    

    
    
</div>






    <div id="livefyre"></div>




    <div id="slideshow-cm-container">
        
            <div id="slideshow-cm-subsoffer">
                





































        <div id="AMS_DET_GLOBAL_SLIDESHOW" class="ecom-placement">
            <a href="http://www.details.com/go/failsafe" target="_blank"><img border="0" src="/images/ecom/failsafe/DET_slideshow.gif" alt="Subscribe to Details" /></a>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_SLIDESHOW !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_SLIDESHOW");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_SLIDESHOW").html(pageAds.AMS_DET_GLOBAL_SLIDESHOW.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
            </div>
            <div id="slideshow-cm-extra">
                <div id="slideshow-cm-sharing">
                    






































































    <ul class="utilities utilities-slideshow-cm">

        
            
                    







    
    
















<!-- AddThis Bookmark Button BEGIN -->

<li class="utility-share"><a title="Bookmark this page" href="http://www.addthis.com/bookmark.php?pub=details&amp;url=http%3a%2f%2fwww.details.com%252Ffashion-style%252Fperfect-wardrobe%252F201408%252Fgray-shirts-sweaters-pants-suits-coats-for-fall&amp;title=Going+Gray+Perfect+Wardrobe%3a+Details.com" target="addthis" rel="nofollow" onclick="window.open(this.href, this.target, 'scrollbars=yes,menubar=no,width=620,height=420,resizable=yes,toolbar=no,location=no,status=no,screenX=200,screenY=100,left=200,top=100');">Share</a></li>

<!-- AddThis Bookmark Button END -->

                
        

    </ul>



















                    <div id="slideshow-cm-replay">
                        <a href="#">Replay</a>
                    </div>
                </div>
                <div id="slideshow-cm-feature">
                    





    <div class="OUTBRAIN" data-src="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall" data-widget-id="AR_2" data-ob-template="details" data-content-type="List" ></div>
    <script type="text/javascript" src="http://widgets.outbrain.com/outbrain.js"></script>

                </div>
            </div>
        
        
    </div>











    
















        
                
                
                
                
                








                
                
                
                <div id="eventListHolder" style="display:none;"></div>
                <script type="text/javascript">
                       (function(){
                        var ns= window.CN || window.CNP;
                        ns.site = ns.site || {};
                        ns.site.eventTrackingList = new EventList("eventListHolder");
                        ns.site.eventTrackingList.setBaseUrl("http://event.details.com/");
                        ns.site.eventTrackingEvent = new EventObject("DET", "most_viewed");
                        ns.site.eventTrackingEvent.setEnvironment("PROD");
                        ns.site.eventTrackingEvent.setContentId("2000000002815870");
                        ns.site.eventTrackingEvent.setContentType("List");
                        ns.site.eventTrackingEvent.setFullUrl("/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall");
                        ns.site.eventTrackingEvent.setContentTitle("Going Gray");

                        
                                
                                var contentDiv = '#main .list, #main .article';
                                    var eventImage;
                                    if(jQuery(contentDiv).find('img').length >0){
                                        if(jQuery(contentDiv).find('img.featureimg')){
                                            eventImage = jQuery(contentDiv).find('img.featureimg').attr('src');
                                        }else{
                                            eventImage = jQuery(contentDiv).find('img:first').attr('src');
                                        }
                                    }else{
                                        eventImage = "/images/global/thumb_placeholder-96.png";
                                    }
                                
                                                ns.site.eventTrackingEvent.setImgUrl("/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg");
                                        
                        

                        
                            ns.site.eventTrackingEvent.setProperty("pd","20140731 00:00:00");
                        
                        var fullContentURL = "/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall";
                        var isAbsoluteURL = fullContentURL.substring(0,8);
                        var allowedTracking = 0;

                        

                        if ((isAbsoluteURL.indexOf('http') == -1 && isAbsoluteURL.indexOf('https') == -1) || allowedTracking == 1) {
                                ns.site.eventTrackingList.addEvent(ns.site.eventTrackingEvent);
                                ns.site.eventTrackingList.writeImageTags();
                        }
                        }())
                </script>
                
        
        
        
        
        
        
        
        
















   











   
   
   
   
   
   
   
  












    <script type="text/javascript" src="/js/cn-fe-common/jquery-ui-1.8.7.custom.js"></script>
    
                <script type="text/javascript" src="/js/cn-fe-common/jquery.scrollpane.js"></script>
        
    <script type="text/javascript" src="/js/cn-fe-common/jquery.history.js"></script>
    <script type="text/javascript" src="/js/cn.slideshow.js"></script>
    <script type="text/javascript" src="/js/jquery.slideshow.js"></script>
    <script type="text/javascript" src="/js/cn-fe-content/v2/cn.schemaparser.js"></script>
    <script type="text/javascript" src="/js/jquery.jqzoom-core.js"></script>
    <script type="text/javascript" src="/js/jquery.mousewheel.js"></script>



    <script type="text/javascript">
         CN.config.set({ displayText: true });
    </script>
                    
            </div>

            
            
        </div>
        
                <!-- YRAIL -->
                
                
                    

























    
        
        
        

        
            
            
            
                            
            
                
                
                    
                    
                     
                    










    











    
    














    
    
    








    






















    
    










    
    
    
    
    
        
                








        
    














            
    









    
    
    
    






    















                    
                    
                

                
                
            
        

            
            
            
        
            
            
            
                            
            
                
                
                    
                    
                     
                    







    

    
    
        
    





    











    
    














    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
        
        
            
        
        
        



     



     



      








      







     








 







       







 
    






            
    









    
    
    
    






    















                    
                    
                

                
                
            
        

            
            
            
        
            
            
            
                            
            
                
                
                    
                    
                     
                    







    

    
    
        
    





    











    
    














    
    
    








    






















    
    










    
    
    
    
    
        
                














            
    









    
    
    
    






    















                    
                    
                

                
                
            
        

            
            
            
        
    

    



















    <!-- start yrail -->
    
            <div id="yrail" class="py">
                <div id="yrail_ads_top">
                    
                    <div class="yrail_ad_wrap">
                    











        <div id="yrailTop300x250_frame" class="displayAd displayAd300x250Js" data-cb-ad-id="yrailTop300x250_frame"></div>
    

                    </div>
                </div>
                <div class="yrcomponent raila">
                    <div class="yrpromo">
                      
                      
                        





































        <div id="AMS_DET_GLOBAL_RIGHTRAIL_A" class="ecom-placement">
            <a href="http://www.details.com/go/failsafe" target="_blank"><img src="/images/ecom/failsafe/DET_content_rra_300x75.jpg" border="0" alt="Subscribe to Details" title="Subscribe to Details" /></a>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_RIGHTRAIL_A !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_RIGHTRAIL_A");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_RIGHTRAIL_A").html(pageAds.AMS_DET_GLOBAL_RIGHTRAIL_A.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
                      
                    </div>
                </div>
                
                    <div id="position1_yrail"><div id="ps1_fs1_yrail" class="features"><div class="feature" id="newsletter-form">
    <h5 class="feature-label newsletters">Newsletter Sign Up</h5>
    <form name="newslettersForm" action="https://secure.details.com/services/newsletters" method="post">
        <fieldset>
        <input type="hidden" name="toolkit.application" value="newsletter" />
        <input type="hidden" name="toolkit.applicationId" value="" />
        <input type="hidden" name="formName" value="shortForm" />
        <input type="hidden" name="partnerCode" value="" />
        <input type="hidden" name="sourceCode" value="" />
        <!--start newsletter input -->
        
            <fieldset>
        <label for="newsletter-email" class="replace">Enter your e-mail address</label>
        <div>
          <input name="email" id="newsletter-email" type="text" />
            <button type="submit" name="submit-newsletter" id="submit-newsletter" >submit
            </button>
        </div>
    </fieldset><ul>
        
        <li>
                       
                          
                          <input id="newsletter.5009" name="newsletterAndVersions" value="newsletter.5009" type="checkbox" />
                           
                           <label for="newsletter.5009"></label>
                          <div>Get the latest in men&apos;s style, grooming, diet, fitness and pop-culture trends every Wednesday. <a href="#" class="sample" id="newsletter.5009" title="Details Weekly Newsletter">See Sample</a></div>
                      <input type="hidden" name="handler.newsletter" value="handler.newsletter.5009." />
<input type="hidden" name="handler.newsletter.5009.newsletterId" value="5009" />
<input type="hidden" name="handler.newsletter.5009.isRequired" value="true" />

                      </li>
                  
              
                  














                  
              
          
              
                  














                  
              
                  














                  
                      <li>
                       
                          
                          <input id="newsletter.5165" name="newsletterAndVersions" value="newsletter.5165" type="checkbox" />
                           
                           <label for="newsletter.5165"></label>
                          <div>Get the most popular articles, blog posts, and slideshows of the past week every Saturday. <a href="#" class="sample" id="newsletter.5165" title="Details Weekly Newsletter">See Sample</a></div>
                      <input type="hidden" name="handler.newsletter" value="handler.newsletter.5165." />
<input type="hidden" name="handler.newsletter.5165.newsletterId" value="5165" />
<input type="hidden" name="handler.newsletter.5165.isRequired" value="true" />

                      </li>
      </ul>
    <fieldset class="collapse">
      <div id="newsletter-disclaimer">
        I understand and agree that registration on or use of this site constitutes agreement to its <a href="http://www.condenast.com/services/privacy/" target="_blank">User Agreement</a>, and <a href="http://www.condenast.com/services/privacy/" target="_blank">Privacy Policy</a>.
      </div>
    </fieldset>
          
        <!--end  newsletter input -->
        </fieldset>
    </form>
</div></div><div id="ps1_fs2_yrail" class="features set8"><div class="feature first">
    <div class="blurb">

            

            
            <div class="text">
                
                    <div id="zergnet">
<div style="padding-top:16px;padding-bottom:10px;padding-left:13px;"><span class="title">AROUND THE WEB</span></div>
<style type="text/css">
#zergnet
{ margin-top:5px; margin-bottom:5px; border:1px solid #D2D2D2; -webkit-border-radius:10px; border-radius:10px; }

.zergheadline
{ text-align:left !important; margin-top:8px !important; }

.zergentity
{ margin-top:10px !important; margin-right:10px !important; }

.zerglayout
{ margin-left:-10px !important; }

.hideComponent
{ display:none; }

.adjustSpace .feature
{ margin-top: 5px !important; }

#zergnet.addMoreSpace {
 margin-top: 10px;
}
</style>
<script language="javascript" type="text/javascript">
 if(jQuery('body').hasClass('article') || jQuery('body').hasClass('listC') || jQuery('body').hasClass('blog_post')){
   jQuery('#ps1_fs1_yrail').addClass('hideComponent');
   jQuery('#zergnet').addClass('addMoreSpace');
 }
</script>
<div id="zergnet-widget-16920" style="text-align:center;">
<a href="http://www.zergnet.com/?w=16920" target="_blank"><b>ZergNet</b></a>
</div>

<script language="javascript" type="text/javascript">
(function()
{ var zergnet = document.createElement('script'); zergnet.type = 'text/javascript'; zergnet.async = true; zergnet.src = 'http://www.zergnet.com/zerg.js?id=16920'; var znscr = document.getElementsByTagName('script')[0]; znscr.parentNode.insertBefore(zergnet, znscr); }
)();
jQuery(function(){
 if(jQuery('body').hasClass('indexA') || jQuery('body').hasClass('blog_index')){
   jQuery('#zergnet').parents().eq(3).addClass('hideComponent');
   jQuery('#zergnet').parents().eq(3).next().addClass('adjustSpace');
 }
});
</script>
<div style="font-size:12px;color:#404a52;text-align:right;margin-right:21px;margin-top:17px;padding-bottom:10px;">Powered By ZergNet</div>
</div>
                
            </div>
            

            
            
                
            


            
   </div>
    </div></div><div id="ps1_fs3_yrail" class="features set8"><div class="feature most-popular">


<h3 class="tab" id="tab-most-viewed">most viewed</h3>
<div id="most-viewed">

</div>

</div></div></div>
                

                 

                

              

                
                    <div class="yrcomponent">
                        




        





































        <div id="AMS_DET_GLOBAL_EMBEDDEDFORM" class="ecom-placement">
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_EMBEDDEDFORM !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_EMBEDDEDFORM");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_EMBEDDEDFORM").html(pageAds.AMS_DET_GLOBAL_EMBEDDEDFORM.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
    

                    </div>
                
                
                <div class="yrcomponent">
                    <div class="yrpromo">
                        





































        <div id="AMS_DET_GLOBAL_RIGHTRAIL_B" class="ecom-placement">
            <a href="http://www.details.com/go/failsafe" target="_blank"><img src="/images/ecom/failsafe/DET_content_rrb_300x457.jpg" border="0" alt="Subscribe to Details" title="Subscribe to Details" /></a>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_RIGHTRAIL_B !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_RIGHTRAIL_B");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_RIGHTRAIL_B").html(pageAds.AMS_DET_GLOBAL_RIGHTRAIL_B.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div>
    
                    </div>
                </div>
               
                

                 

                

               

              

               


           

            
                











        <div id="yRailBottom300x250_frame" class="displayAd displayAd300x250Js" data-cb-ad-id="yRailBottom300x250_frame"></div>
    

            

            </div>
        

    <!-- end yrail -->

    










                
            
    </div>  <!-- End of #page -->
    </div>
    
    
    

</div>


    <div class="lightreg-forms {{modalContext}}" ng-controller="LightRegCtrl">
        <div id="modal-frame" modal-window="modal-window" class="ng-cloak" backdrop="true">
            <div ng-view></div>
        </div>
    </div>



    
    
        

























    
        
        
        

        
            
            
            
                            
            
                
                
                    
                    
                     
                    







    

    
    
        
    





    











    
    














    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
            
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
        
            
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    






    















                    
                    
                

                
                
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
                            
            
        

            
            
            
        
            
            
            
                            
            
                
                
                    
                    
                     
                    










    











    
    














    
    
    








    






















    
    










    
    
    
    
    
        
                 








    
        
            
        
        
        
            
        
        
        



     



     



      








      







     








 




       







 
    






            
    









    
    
    
    

    
    
    








    






















    
    










    
    
    
    
    
        
                



    


            
    









    
    
    
    






    















                    
                    
                

                
                
            
        

            
                            
            
        

            
            
            
        
    

    



















    <!-- start zrail -->
    
            <div id="zrail">
            
                
                <div id="position1_zrail"><div id="ps1_fs1_zrail" class="features set16">

    
    
        <h2 class="features-header header">
            
                    
                        
                                Ultimate Guides
                            
                    
                
        </h2><div class="feature manual first">







        
        
        <h5 class="rubric"><a href="/ultimate-guides/best-hairstyles-cuts-for-men"><span>Hair Styles</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/best-hairstyles-cuts-for-men" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/hair-hub-315x400.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/hair-hub-315x400.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/body-health/exercise/201202/exercise-by-muscle-group"><span>Exercise</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/body-health/exercise/201202/exercise-by-muscle-group" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/1body-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/1body-hub-315x200.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/ultimate-guides/best-watches-for-men"><span>Watches</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/best-watches-for-men" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/watches-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/watches-hub-315x200.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/ultimate-guides/best-street-style"><span>Street Style</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/best-street-style" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/street-style-hub-315x400.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/street-style-hub-315x400.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises"><span>Resolutions</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises" title=""><img class="lazy" data-original="/images/ultimate-guides/ultimate-guides-collage/resolutions-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/ultimate-guides/ultimate-guides-collage/resolutions-315x200.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/fashion-style/style-tips/201408/american-fashion-menswear-designers-style-trends"><span>Classic American Menswear</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/fashion-style/style-tips/201408/american-fashion-menswear-designers-style-trends" title=""><img class="lazy" data-original="/images/fashion-style/201409/american-style-hub/prep-american-style-315.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/fashion-style/201409/american-style-hub/prep-american-style-315.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/ultimate-guides/best-travel"><span>Travel</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/best-travel" title=""><img class="lazy" data-original="/images/ultimate-guides/travel-hub/peru-beach-travel-ultimate-guides.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/ultimate-guides/travel-hub/peru-beach-travel-ultimate-guides.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/ultimate-guides/best-grooming-products-awards"><span>Grooming</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/best-grooming-products-awards" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/grooming-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/grooming-hub-315x200.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual">







        
        
        <h5 class="rubric"><a href="/ultimate-guides/classic-hollywood-style"><span>Celebrity Style</span></a></h5>
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/classic-hollywood-style" title=""><img class="lazy" data-original="/images/ultimate-guides/classic-hollywood-style/george-clooney-celeb-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/ultimate-guides/classic-hollywood-style/george-clooney-celeb-hub-315x200.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div class="feature manual last">
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="/ultimate-guides/all" title=""><img class="lazy" data-original="/images/see_all_guide.png" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/see_all_guide.png" alt="" class="soloImg"   /></noscript></a></div>
    </div></div></div>
                
            
                
                <div id="position2_zrail"><div id="ps2_fs1_zrail" class="features"><div class="feature manual first">
  

       
            
               
             
       

    
    
    

    



        

    


















        
        
    




    
            <div class="w"><a href="http://www.details.com/magazine" title=""><img class="lazy" data-original="/images/homepage/December-2014/johnny-depp-cover-hp.jpg" src="/images/global/dot.png" alt="" class="soloImg"   /><noscript><img src="/images/homepage/December-2014/johnny-depp-cover-hp.jpg" alt="" class="soloImg"   /></noscript></a></div>
    </div><div id="AMS_DET_GLOBAL_FOOTER" class="ecom-placement">
            <div id="bottomsubs"><a href="http://www.details.com/go/failsafe" target="_blank"><img src="/images/ecom/failsafe/DET_hp_channel_footer.jpg" alt="Subscribe to Details" border="0" /></a></div>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_FOOTER !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_FOOTER");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_FOOTER").html(pageAds.AMS_DET_GLOBAL_FOOTER.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div></div></div>
                
            
                
            
                
            
                
            
                
            
            </div>
        

    <!-- end zrail -->

    










    
   










    


    









       
       
   

<div id="footer">
    
    <div class="footer-position">
        <div id="sitemap-nav">
            <ul>
                <li>
                    <a class="footer-sitemap"href="/services/sitemap">Site Map</a>
                </li>
                <li>
                    <a href="/fashion-style">Fashion &amp; Style</a>
                </li>
                <li>
                    <a href="/body-health">Body &amp; Health</a>
                </li>
                <li>
                    <a href="/style-advice/grooming/201205/grooming-guide">Grooming</a>
                </li>
                <li>
                    <a href="/culture-trends">Culture &amp; Trends</a>
                </li>
                <li>
                    <a href="/style-advice/rules-of-style/201401/details-ultimate-guides-hubs">Ultimate Guides</a>
                </li>
                <li>
                    <a href="http://video.details.com/">Video</a>
                </li>
                <li>
                    <a href="http://network.details.com/">Details Network</a>
                </li>
                <li>
                    <a href="http://www.detailsinsider.com/">Promos &amp; Events</a>
                </li>
                <li>
                    <a href="/magazine">Magazine</a>
                </li>
            </ul>
        </div>


        <div id="global-footer">
            <div id="position1_footerNavigation"><div id="ps1_fs1_footerNavigation" class="features"><div class="feature first">
    <div class="blurb">

            

            
            <div class="text">
                
                    <ul id="ft_1">
    <li class='footer-subscribe'></li>
    <li><a title="details.com Customer Care" href="https://w1.buysub.com/pubs/N3/DET/login_3_methods.jsp?cds_page_id=3489&cds_mag_code=DET&id=1408838558443&lsid=42351902384048400&vid=1">Customer Care</a></li>
    <li><a title="Contact Us" href="/contact/contact-us">Contact Details</a></li>
    <li class="newsletterSignup"><a title="Newsletter Signup" href="/services/newsletters/demographics">Newsletter Signup</a></li>
    <li><a title="Press Center" href="http://www.condenast.com/press/press-releases-contacts">Press Center</a></li>
    <li><a title="details.com site map" href="http://www.condenast.com/brands/details">Details Media Kit</a></li>
    <li class="footer-feeds"><a title="Feeds"href="/services/rss/summary">RSS</a></li>
</ul>

                
            </div>
            

            
            
                
            


            
   </div>
    </div><div id="AMS_DET_GLOBAL_FOOTER_TEXTLINK" class="ecom-placement">
            <a href="http://www.details.com/go/failsafe" target="_blank" title="Subscribe to Details magazine">Subscribe</a>
            












    



<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
    var div = null;

    if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_FOOTER_TEXTLINK !== 'undefined') && (CN.url.params('nojoy') != 1) ) {

        div = document.getElementById("AMS_DET_GLOBAL_FOOTER_TEXTLINK");
        div.innerHTML = "";

        
        jQuery("#AMS_DET_GLOBAL_FOOTER_TEXTLINK").html(pageAds.AMS_DET_GLOBAL_FOOTER_TEXTLINK.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
        jQuery(div).css({
            visibility: 'visible'
        });
    }

    
});

</script>



        </div></div></div>

            <div class="global-footer-nav">
                
                
                
                
                
                <ul>
                    <li id="global-footer-nav-careers"><a href="http://www.condenast.com/careers">Cond&eacute; Nast Careers</a></li>
                    <li id="global-footer-nav-store"><a href="http://www.condenaststore.com/">Cond&eacute; Nast Store</a></li>
                    <li id="global-footer-nav-reprints"><a href="http://www.condenast.com/reprints-permissions">Reprints Permissions</a></li>
                    
                </ul>
            </div>
            
                <div class="global-footer-logo">
                    <a href="http://www.condenast.com"><h3>Cond&eacute; Nast Digital</h3></a>
                </div>
                <div class="global-footer-subscriptions">
                    <form action="/" name="sub_dropmenus" id="sub_dropmenus">
                        <h3>Subscribe to a Magazine</h3>
                        <ul id="subscribe-head">
                            <li> <a target="_blank"  href="http://www.magazinestoresubscriptions.com?source=univdropdown">View All Titles </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Allure?source=SITEFOOTER">Allure </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_ArchitecturalDigest?source=SITEFOOTER">Architectural Digest </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_BonAppetite?source=SITEFOOTER">Bon App&eacute;tit </a></li>
                             <li><span class="down-arrow"></span></li>
                        </ul>
                        <ul id="subscribe-tail">
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Brides?source=SITEFOOTER">Brides </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_CondeNastTraveler?source=SITEFOOTER">Cond&eacute; Nast Traveler </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Details?source=SITEFOOTER">Details </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Glamour?source=SITEFOOTER">Glamour </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_GolfDigest?source=SITEFOOTER">Golf Digest </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_GolfWorld?source=SITEFOOTER">Golf World </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_GQ?source=SITEFOOTER">GQ </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Lucky?source=SITEFOOTER">Lucky </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Self?source=SITEFOOTER">Self </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_TeenVogue?source=SITEFOOTER">Teen Vogue </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_NewYorker?source=SITEFOOTER">The New Yorker </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_VanityFair?source=SITEFOOTER">Vanity Fair </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Vogue?source=SITEFOOTER">Vogue </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_W?source=SITEFOOTER">W </a></li>
                            <li> <a target="_blank"  href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Wired?source=SITEFOOTER">Wired </a></li>
                        </ul>
                    </form>
                </div>
                <div class="global-footer-sister-sites">
                    <form action="/" name="mag_dropmenus" id="mag_dropmenus">
                        <h3>Visit Other Cond&eacute; Nast Sites</h3>
                        <ul id="sites-head">
                            <li> <a target="_blank" href="http://www.allure.com">Allure</a></li>
                            <li> <a target="_blank" href="http://www.architecturaldigest.com">Architectural Digest</a></li>
                            <li> <a target="_blank" href="http://www.arstechnica.com">Ars Technica</a></li>
                            <li> <a target="_blank" href="http://www.bonappetit.com">Bon App&eacute;tit</a></li>
                            <li><span class="down-arrow"></span></li>
                        </ul>
                        <ul id="sites-tail">
                            <li> <a target="_blank" href="http://www.brides.com">Brides.com</a></li>
                            <li> <a target="_blank" href="http://www.concierge.com/cntraveler">Cond&eacute; Nast Traveler</a></li>
                            <li> <a target="_blank" href="http://www.concierge.com">Concierge</a></li>
                            <li> <a target="_blank" href="http://www.details.com">Details</a></li>
                            <li> <a target="_blank" href="http://www.epicurious.com">Epicurious</a></li>
                            <li> <a target="_blank" href="http://www.glamour.com">Glamour</a></li>
                            <li> <a target="_blank" href="http://www.golfdigest.com">Golf Digest</a></li>
                            <li> <a target="_blank" href="http://www.golfworld.com">Golf World</a></li>
                            <li> <a target="_blank" href="http://www.gq.com">GQ</a></li>
                            <li> <a target="_blank" href="http://www.hotelchatter.com">Hotel Chatter</a></li>
                            <li> <a target="_blank" href="http://www.jaunted.com">Jaunted</a></li>
                            <li> <a target="_blank" href="http://www.luckymag.com">Lucky</a></li>
                            <li> <a target="_blank" href="http://www.nutritiondata.com">NutritionData</a></li>
                            <li> <a target="_blank" href="http://www.reddit.com">Reddit</a></li>
                            <li> <a target="_blank" href="http://www.self.com">Self</a></li>
                            <li> <a target="_blank" href="http://www.style.com">Style</a></li>
                            <li> <a target="_blank" href="http://www.teenvogue.com">Teen Vogue</a></li>
                            <li> <a target="_blank" href="http://www.newyorker.com">The New Yorker</a></li>
                            <li> <a target="_blank" href="http://www.thescene.com">The Scene</a></li>
                            <li> <a target="_blank" href="http://www.vanityfair.com">Vanity Fair</a></li>
                            <li> <a target="_blank" href="http://www.vegaschatter.com">Vegas Chatter</a></li>
                            <li> <a target="_blank" href="http://www.vogue.com">Vogue</a></li>
                            <li> <a target="_blank" href="http://www.wmagazine.com">W</a></li>
                            <li> <a target="_blank" href="http://www.wired.com">Wired</a></li>
                        </ul>
                    </form>
                </div>
            

            
            <div class="footer-social-buttons">
                <span class="social-buttons-text">Visit Details on</span>
                <ul>
                    <li id="instagram"><a target="_blank"  href="http://instagram.com/detailsmag"></a></li>
                    <li id="tumbler"><a target="_blank"  href="http://details.tumblr.com/"></a></li>
                    <li id="facebook"><a target="_blank"  href="https://www.facebook.com/DETAILS"></a></li>
                    <li id="twitter"><a target="_blank"  href="https://twitter.com/details"></a></li>
                    <li id="pinterest"><a target="_blank"  href="http://www.pinterest.com/detailsmag/"></a></li>
                </ul>
            </div>
        </div>
        <div class="global-footer-copyright">
             <p>
               <span class="copyright">&copy; 2014 Cond&eacute; Nast. All rights reserved</span><br/>

               Use of this site constitutes acceptance of our <a href="http://www.condenast.com/privacy-policy" onclick="window.open(this.href);return false;">User Agreement</a> (effective 1/2/2014) and <a href="http://www.condenast.com/privacy-policy#privacypolicy" onclick="window.open(this.href);return false;">Privacy Policy</a> (effective 1/2/2014).
              <br/>
             <a href="http://www.condenast.com/privacy-policy#privacypolicy-california" onclick="window.open(this.href);return false;">Your California Privacy Rights</a> <br/>
              The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Cond&eacute; Nast. <br/>
              <a href="http://www.condenast.com/privacy-policy#privacypolicy-optout" onclick="window.open(this.href);return false;">Ad Choices</a>
         </p>
    </div>
    
    
    <img src="//view.atdmt.com/action/MSFT_CondeNet_AE_ExtData/v3/atc1.details/atc2.fashion-style/atc3.perfect-wardrobe/" width="1" height="1" alt="msext" />
    
    
</div>
</div>



    <script type="text/javascript">
CN.page.config.facebook.like = {layout : "standard", showfaces : false, action : "like", width : 400, action : "like"};
CN.page.config.facebook.like_sm = {layout : "button_count", showfaces : false, width : 400, action : "like"};
CN.config.set({tweet : {layout : "horizontal",source : ""}});
</script>
    <script type="text/javascript">
        CN.page = CN.page || {};
        CN.page.feature = ['set1','manual','manual_imagetop','dart_ad','newsletters','set8','mostpopular','set16','ecomplacement'];
    </script>

    
    
        <script type="text/javascript" src="/js/cn-fe-common/angular/angular.min.js"></script>
    

    


























    <script type="text/javascript">
       if (typeof CN.livefyre === "undefined") {
           CN.livefyre = {};
       }

       CN.livefyre.configOptions = {
               network             :   'details.fyre.co',
               moderatorFlagText   :   'moderator',
               lfCookieName        :   'lt',
               mostpopularEntries  :   5,
               mostpopularAge      :   15,
               trendingServer      :   'http://bootstrap.details.fyre.co/api/v3.0/hottest/?site='
       };

       CN.livefyre.trendingUrl = "http://bootstrap.details.fyre.co/api/v3.0/hottest/?site=320152";
       CN.livefyre.mostCommentedEntries = 5;
    </script>

    <script type='text/javascript'>
    CN.livefyre.configOptions.pageConfig = {"siteId":"320152","el":"livefyre","collectionMeta":"eyJhbGciOiJIUzI1NiJ9.eyJ0aXRsZSI6IkdvaW5nIEdyYXkiLCJjaGVja3N1bSI6ImZhNWNmMzQzNWNmM2NjYTJkZTcxNzRlYjIzMDlmZmVmIiwiYXJ0aWNsZUlkIjoiZGV0YWlsc18yMDAwMDAwMDAyODE1ODcwIiwidXJsIjoiaHR0cDovL3d3dy5kZXRhaWxzLmNvbS9mYXNoaW9uLXN0eWxlL3BlcmZlY3Qtd2FyZHJvYmUvMjAxNDA4L2dyYXktc2hpcnRzLXN3ZWF0ZXJzLXBhbnRzLXN1aXRzLWNvYXRzLWZvci1mYWxsIn0.xtl0FtutAzIupCSwRY3q0ilVHL6upViVOuRwDP0Kixc","checksum":"fa5cf3435cf3cca2de7174eb2309ffef","articleId":"details_2000000002815870"};
</script>

    <script type="text/javascript">
        $LAB.script(['//zor.livefyre.com/wjs/v3.0/javascripts/livefyre.js'
                 ,'//zor.livefyre.com/wjs/v1.0/javascripts/CommentCount.js'
                 ,'/js/cn-fe-content/livefyre/cn.livefyre.int.js'])
           .wait(function () {
               if (jQuery("#livefyre").length){
                   CN.livefyre.main.loader().loadLivefyre();
               }
               if (jQuery(".livefyre-commentcount").length){
                   CN.livefyre.commentCountStyle();
               }
               if(jQuery("#most-commented").length){
                   CN.livefyre.mostCommented = new CN.livefyre.widgets("most-commented");
                   CN.livefyre.mostCommented.init();
                   CN.livefyre.mostCommented.mostCommented();
               }
           });
    </script>

    
            <script type="text/javascript" src="/js/details_bottom.js"></script>
        





    
        



























    
            <script type="text/javascript" src="/js/details_bottom_angular.js"></script>
        


    






<script type="text/javascript" src="/appjs/stats/omniture.js"></script>























        
    

        
        
        
                
            
    
<script type="text/javascript">
    //Omniture call to set page content type
    CN.stats.omniture.setContentType("Slideshow");
</script>









<div id="statsHolder">
    <script type="text/javascript">
        
    </script>
    <script type="text/javascript">
        <!--
            if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-')
        //-->
    </script>
    <noscript>
        <a href="http://www.omniture.com" title="Web Analytics">
            <img src="//condenast.112.2o7.net/b/ss/conde-detailscom/1/H.15.1--NS/0" height="1" width="1" alt="pixel" />
        </a>
    </noscript>
    <!--/DO NOT REMOVE/-->
</div>
<script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    try {
        var pageTracker = _gat._getTracker("UA-8293713-18");
        pageTracker._trackPageview();
    } catch(err) {}
</script>


















































    
    
        <div id="BF_WIDGET_1">&nbsp;</div>
        <script type="text/javascript">
        (function( ){
        BF_WIDGET_JS=document.createElement("script"); BF_WIDGET_JS.type="text/javascript";
        BF_WIDGET_SRC="http://ct.buzzfeed.com/wd/UserWidget?u=details.com&to=1&or=vb&wid=1&cb=" + (new Date()).getTime();
        setTimeout(function() {document.getElementById("BF_WIDGET_1").appendChild(BF_WIDGET_JS);BF_WIDGET_JS.src=BF_WIDGET_SRC},1);
        })();
        </script>
    

    <!-- START Parse.ly Include: Standard -->
        <div id="parsely-root" style="display: none">
            <div id="parsely-cfg" data-parsely-site="details.com"></div>
        </div>
        <script>
        (function(s, p, d) {
          var h=d.location.protocol, i=p+"-"+s,
              e=d.getElementById(i), r=d.getElementById(p+"-root"),
              u=h==="https:"?"d1z2jf7jlzjs58.cloudfront.net"
              :"static."+p+".com";
          if (e) return;
          e = d.createElement(s); e.id = i; e.async = true;
          e.src = h+"//"+u+"/p.js"; r.appendChild(e);
        })("script", "parsely", document);
        </script>
    <!-- END Parse.ly Include -->
    <script type="text/javascript">_satellite.pageBottom();</script>
</body>
</html>
